.container{ width: 1170px; margin: 0 auto; }
.banner{ float: left; width: 100%;}
.about_mod{ float: left; width: 100%;}
.about_mod .tit{ height: 139px; width: 100%;}
.about_mod .hbd{ width: 100%; height: 670px; background: url(../images/ab_bg.jpg) repeat-y; }
.about_mod .hbd .container{ width: 1170px; margin: 0 auto; padding-top: 50px;}
.about_mod .hbd .container .lb{ float: left; width: 556px;}
.about_mod .hbd .container .rb{ float: left; width: 588px; padding-top: 30px;}
.about_mod .hbd .container .rb p{ font-family: "微软雅黑"; font-size: 18px; line-height: 28px; padding:5px 0px 15px 0px;}
.about_mod .hbd .container .rb .more{ background: #0050a3; width: 100px; padding: 5px 8px; display: block; text-align: center;}
.about_mod .hbd .container .rb a.more{ color: #FFF;}


.video_mod{ float: left; width: 100%;}
.pro_mod{ float: left; width: 100%; height: 873px;background: url(../images/pro_bg.jpg) no-repeat;}
.pro_mod .hdead{ width: 100%; height: 165px;}
.pro_mod .hd{ width: 100%; height:75px;background: url(../images/index_pro_hd.png) no-repeat; margin-top: 60px;}
.pro_mod .category{ float: left; padding-top: 30px; padding-left:25px;}
.pro_mod .category ul li{ float: left; height: 30px; line-height: 30px;text-align: center;  }
.pro_mod .category ul li a{background: #0055ad; color: #FFF; padding: 10px 15px 10px 15px; margin: 0px 10px 0px 10px;}



#product_index .list,
#content #product_list .list,
#content #product_detail_related .list {
  padding-top: 20px;
  overflow:hidden;
}
#product_index .list li,
#content #product_list .list li,
#content #product_detail_related .list li {
  position: relative;
  padding-top: 28px;
  margin: 0 25px;
  width: 320px;
  overflow: hidden;
  background: url(../images/yy.png) center bottom no-repeat;
  display:block;
  float: left;
}
#product_index .list li > div,
#content #product_list .list li > div,
#content #product_detail_related .list li > div {
  position: relative;
  height: 268px;
  width: 320px;
}
#product_index .list li > div img,
#content #product_list .list li > div img,
#content #product_detail_related .list li > div img {
  margin-left: 8px;
  width: 312px;
  height: 200px;
}
#product_index .list li > div .cont,
#content #product_list .list li > div .cont,
#content #product_detail_related .list li > div .cont {
  position: absolute;
  z-index: 499;
  height: 44px;
  width: 326px;
  bottom: 24px;
  line-height: 44px;
  text-align: center;
  background-color: #3d3c3c;
}
#product_index .list li > div .cont a,
#content #product_list .list li > div .cont a,
#content #product_detail_related .list li > div .cont a {
  position: absolute;
  width: 326px;
  left: 0;
  z-index: 501;
  text-align: center;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}
#product_index .list li > div .cont .left,
#content #product_list .list li > div .cont .left,
#content #product_detail_related .list li > div .cont .left {
  left: 0;
  bottom: 0;
  border-bottom: 44px solid #353434;
  border-right: 320px solid transparent;
  border-left: 0 solid transparent;
  z-index: 500;
}
#product_index .list li > div .triangle,
#content #product_list .list li > div .triangle,
#content #product_detail_related .list li > div .triangle {
  position: absolute;
  height: 0;
}
#product_index .list li > div .small,
#content #product_list .list li > div .small,
#content #product_detail_related .list li > div .small {
  left: 0;
  bottom: 68px;
  border-bottom: 8px solid #272727;
  border-right: 0px solid transparent;
  border-left: 8px solid transparent;
}
#product_index .list li:hover div .cont,
#content #product_list .list li:hover div .cont,
#content #product_detail_related .list li:hover div .cont {
  background-color: #d40e0e;
}
#product_index .list li:hover div .cont .left,
#content #product_list .list li:hover div .cont .left,
#content #product_detail_related .list li:hover div .cont .left {
  border-bottom: 44px solid #d70000;
}
#product_index .list li:hover div .cont a,
#content #product_list .list li:hover div .cont a,
#content #product_detail_related .list li:hover div .cont a {
  color: #FFF;
}
#product_list {
  background-color: #f7f7f7;
}
#product_list .special_title {
  margin-bottom: 20px;
  /* width: 100%; */
  /* overflow: hidden; */
}
#product_list .special_title strong {
  background-color: #f7f7f7;
}
#product_list .list li:hover div .cont,
#content #product_detail_related .list li:hover div .cont {
  background-color: #1771cd;
}
#product_list .list li:hover div .cont .left,
#content #product_detail_related .list li:hover div .cont .left {
  border-bottom: 44px solid #0844b6;
}
#product_list .list li:hover div .cont a,
#product_detail_related .list li:hover div .cont a {
  color: #fff;
}

.new_mod{ float: left; width: 100%; height: 504px; background: #eff5ff;}
.new_mod .container .l_b{ float: left; width:830px;}
.new_mod .container .l_b .hd{ position: relative; width: 100%; height: 46px;}
.new_mod .container .l_b .hd .more{ position:absolute; top: 10px; right: 35px;}
.new_mod .container .l_b .hd .more a{ color: #2781e7;}
.new_mod .container .l_b .text{ padding-top: 10px; color: #FFF;}
.new_mod .container .l_b .text h3{ font-size: 14px; padding-bottom: 5px;}
.new_mod .container .l_b .text h3 a{ color:#FFF}

.new_mod .container .l_b .bd_main{ width: 100%; height: 310px; position: relative; }
.new_mod .container .l_b .bd_main .lb{ width:310px;height: 310px; background: #2e85e9;}
.new_mod .container .l_b .bd_main .lb .pd10{ padding: 10px;}
.new_mod .container .l_b .bd_main .rb{ position: absolute; top: 0; left: 310px; width:501px;background: #f9f9f9;height: 310px; }
.new_mod .container .rb ul li {
  padding-top: 8px;
  padding-left: 15px;
  margin-bottom: 20px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e9e9e9;
}
.new_mod .container .rb ul li strong {
  float: left;
  width: 49px;
  height: 42px;
  margin-right: 14px;
  border-right: 1px solid #e9e9e9;
  font-size: 42px;
  line-height: 42px;
  font-family: Arial, Helvetica, sans-serif;
  color: #e9e9e9;
}
.new_mod .container .rb ul li p {
  height: 22px;
  font-size: 12px;
  line-height: 22px;
  color: #333333;
  overflow: hidden;
  font-size: 14px;
}
.new_mod .container .rb ul li span {
  line-height: 24px;
  color: #888888;
}
.new_mod .container .r_b{ float: left; width:338px;position:relative; }
.new_mod .container .r_b .hd .more{ position:absolute; top: 10px; right: 50px;}
.new_mod .container .r_b .hd .more a{ color: #2781e7;}
.new_mod .container #news_index_honor .honor_container {
  padding: 20px 20px 0 20px;
  height: 290px;
  width: 248px;
  border: 1px solid #e8ebef;
  background-color: #fff;
}
.new_mod .container #news_index_honor .honor_container .skdslider ul.slides li img {
  width: auto;
  height: auto;
}
.new_mod .container#news_index_honor .honor_container .skdslider ul.slide-navs > li {
  height: 8px;
  width: 8px;
  margin-right: 5px;
}
.new_mod .container #news_index_honor .honor_container ul li {
  text-align: center;
}
.new_mod .container #news_index_honor .honor_container ul li img {
  max-height: 200px;
  max-width: 180px;
}
#content #news_index_honor .honor_container ul li p {
  height: 50px;
  /*line-height: 40px;*/
  padding-top:5px;
  color: #666;
  font-size: 14px;
}



#content_offer { height:652px; background: url(../images/index_video.jpg) center top no-repeat; }
#content_vedio {position: relative; }
#content_vedio_top { display: block; width: 1000px; height: 146px; }
#content_vedio div > div div { position: relative; }
#content_vedio div > div div a { display: block; height: 100%; width: 100%; }
#content_vedio div > div p { float: left; width: 120px; line-height: 18px; }
#content_vedio div > div p b { font-size: 15px; }
#content_vedio div > div p span { font-family: Arial, Helvetica, sans-serif; }
#content_vedio div > div p.f1 { color: #fff; }
#content_vedio .pic_1 { width: 300px; position: absolute; left: 120px; top: 205px; }
#content_vedio .pic_1 div { float: left; width: 94px; height: 118px; background: url("../images/pic1.png") 0 0 no-repeat;
}
#content_vedio .pic_2 { width: 300px; position: absolute; left: 800px; top: 220px; }
#content_vedio .pic_2 div { float: left; width: 156px; height: 104px; background: url("../images/pic2.png") 0 0 no-repeat; }
#content_vedio .pic_3 { width: 300px; position: absolute; left: 120px; top: 510px; }
#content_vedio .pic_3 div { float: left; width: 132px; height: 97px; background: url("../images/pic3.png") 0 0 no-repeat; }
#content_vedio .pic_4 { width: 300px; position: absolute; left: 820px; top: 520px; }
#content_vedio .pic_4 div { float: left; width: 137px; height: 101px; background: url("../images/pic4.png") 0 0 no-repeat; }
#content_vedio .vedio { display: block; width: 362px; height: 362px; position: relative; -moz-border-radius: 50% 50% 50% 50%; /* Firefox */
-webkit-border-radius: 50% 50% 50% 50%; /* Safari 和 Chrome */
border-radius: 50% 50% 50% 50%; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
behavior: url(/css/PIE.htc); top: 97px; left: 12px; overflow: hidden; }
#content_vedio .pic_1 div { margin-right: 20px; }
#content_vedio .pic_1 p { padding-top: 32px; color: #fff; }
#content_vedio .pic_1 p a { color: #fff; }
#content_vedio .pic_2 div { margin-left: 10px; }
#content_vedio .pic_2 p { padding-top: 16px; }
#content_vedio .pic_3 div { margin-right: 10px; }
#content_vedio .pic_3 p { padding-top: 26px; }
#content_vedio .pic_4 div { margin-right: 10px; }
#content_vedio .pic_4 p { padding-top: 16px; color: #fff; }
#content_vedio .pic_4 p a { color: #fff; }